<%@ taglib uri="http://jawr.net/tags" prefix="jwr" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<jwr:style src="/bundles/all.css" />
<jwr:script src="/bundles/all.js"/>

<script>

	$(document).ready(function() {
	
		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
            monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
            dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],
			dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
			buttonText: {
				prev: '&nbsp;&#9668;&nbsp;',
				next: '&nbsp;&#9658;&nbsp;',
				prevYear: '&nbsp;&lt;&lt;&nbsp;',
				nextYear: '&nbsp;&gt;&gt;&nbsp;',
				today: 'hoje',
				month: 'mês',
				week: 'semana',
				day: 'dia'
			},		
			titleFormat: {
				month: 'MMMM yyyy',
				week: "d [ yyyy]{ '&#8212;'[ MMM] d MMM yyyy}",
				day: 'dddd, d MMM, yyyy'
			},
			columnFormat: {
				month: 'ddd',
				week: 'ddd d/M',
				day: 'dddd d/M'
			},
			allDayText: 'dia todo',
			axisFormat: 'H:mm',
			timeFormat: {
				'': 'H(:mm)',
				agenda: 'H:mm{ - H:mm}'
			},
			editable: true,
			events: [
				{
					title: 'Carnaval',
					start: new Date(y, 2, 1),
					end: new Date(y, 2, 4)
				},
				{
					title: ' - Música ao vivo com a dupla João Lucas e Diogo',
					start: new Date(y, 7, 10, 20, 45),
					allDay: false
				}
			]
		});
		
	});

</script>
<style>

	.modal {
	    background-clip: padding-box;
	    background-color: #fff;
	    border: 1px solid rgba(0, 0, 0, 0.3);
	    border-radius: 6px;
	    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	    left: 50%;
	    margin-top: 5px;
	    margin-left: -415px;
	    outline: 0 none;
	    position: fixed;
	    width: 800px;
	    heigth: 600px;
	    z-index: 1067;
	}
	
	.modal.fade.in {
	    top: -2%;
	}
	
	.modal-body {
	    max-height: 590px;
	    overflow-y: auto;
	    padding: 15px;
/* 	    position: relative; */
	}

	body {
		margin-top: 20px;
		text-align: center;
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	}

	#calendar {
/*  		width: 600px;  */
		margin: 0 auto;
	}

</style>
</head>
<body>
	
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header ">
					<a class="close" data-dismiss="modal" onclick='window.history.go(0);'>X</a>		
				</div>
				<div class="modal-body">
					<div id='calendar'></div>
				</div>
<!-- 				<div class="modal-footer"> -->
<!-- 					<a class="btn" data-dismiss="modal" onclick='window.history.go(0);'>Close</a> -->
<!-- 				</div> -->
			</div>
		</div>
		
</body>
</html>